<style>
    .row{
        margin-left: 0;
        margin-right: 0;
    }

    body{
        background: white;
    }
    legend {
        padding: 5px;
        font-size: 15px;
        font-weight: 600;
    }

    .stamp-toolbar .btn-group .btn-sm{
        padding: 7px 12px;
    }

    .tree{
        height: calc(100vh - 60px)!important;
        border: 1px solid #e9e9e9;
        overflow: auto;
    }


    div ::-webkit-scrollbar {
        /*滚动条整体*/
        width: 8px;
        height: 8px;
        border-radius: 5px;
    }
    div ::-webkit-scrollbar-track {
        /*滚动条轨道*/
        background: #e3e3e3;
        border-radius: 2px;
    }
    div ::-webkit-scrollbar-thumb {
        /*滚动条里面的滑块*/
        background: #d1d1d1;
        border-radius: 2px;
    }
    div ::-webkit-scrollbar-thumb:hover {
        /*滚动条鼠标事件，鼠标放上去出现的事件*/
        background: #a8a8a8;
    }
    div ::-webkit-scrollbar-corner {
        /*滚动条边角*/
        background: #a8a8a8;
    }
    li.active > a {
        background-color: #ccd9ff;
        color: black;
    }
    .bill-content{
        height: calc(100vh - 60px)!important;
        overflow: hidden;
        border: 1px solid #e9e9e9;
    }
</style>

<div class="row">
    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 tree">
        <legend>选择单据</legend>
        <ul class="sidebar-menu bill-list">
            {volist name='billList' id='bill'}
            <li class="bill-item {if $key==0}active{/if}" data-bill="{$bill.bill_table|htmlentities}" data-controllerurl="{$bill.controller_url|htmlentities}">
                <a href="javascript:;" addtabs="{$bill.rule_id|htmlentities}">
                    <span>{$bill.bill_name|htmlentities}</span>
                </a>
            </li>
            {/volist}
        </ul>
    </div>
    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
        <div class="bill-content">
            <iframe id="bill-page" src="../{$billList[0]['controller_url']}" border="0"
                    scrolling-x="no" scrolling-y="no" allowtransparency="yes"
                    width="100%" height="100%" style="border: none;"></iframe>
            </iframe>
        </div>

    </div>
</div>




